.p_content {
    padding: 0 1rem;
}

.user_pub {
    .articalBar {
        width: 100%;
        border-radius: 10px;
        height: 13rem;
        padding: .8rem;
        background: #fff;
        margin-bottom: 1rem;
        font-size: .7rem;
        .user {
            display: flex;
            justify-content: space-between;
            margin-bottom: .3rem;
            .user_info {
                .user_img {
                    width: 1.5rem;
                    height: 1.5rem;
                    border-radius: 50%;
                    overflow: hidden;
                    float: left;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                .user_name {
                    margin-left: .3rem;
                    height: 1.5rem;
                    line-height: 1.5rem;
                }
            }
            .publish_time {
                float: right;
                font-family: PingFangHK-Regular;
                font-size: .6rem;
                color: #c6c6c6;
                letter-spacing: 0;
                text-align: right;
                line-height: .6rem;
                margin-top: .4rem;
            }
        }
        .pub_content {
            .pub_content_text {
                width: 100%;
                font-size: .8rem;
                color: #0f2540;
                letter-spacing: 0;
                text-align: left;
                line-height: 1rem;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                margin-top: .5rem;
                margin-bottom: .5rem;
            }
            .publish_img {
                overflow: hidden;
                .img {
                    float: left;
                    width: 30%;
                    height: 4.7rem;
                    border-radius: 8px;
                    overflow: hidden;
                    margin-right: 20px;
                    text-align: center;
                    img {
                        height: 100%;
                        width: 100%;
                        object-fit: cover;
                    }
                }
            }
        }
        .pub_foot {
            margin-top: 1rem;
            width: 100%;
            .pub_left {
                overflow: hidden;
                img {
                    width: 1rem;
                    float: left;
                }
                .like {
                    width: 2.5rem;
                    float: left;
                    span {
                        float: left;
                        font-family: PingFangSC-Medium;
                        font-size: 24px;
                        color: #c9d6de;
                        letter-spacing: 0;
                        line-height: 24px;
                        margin-left: .4rem;
                        margin-top: 6px;
                    }
                }
                .talk {
                    width: 2.5rem;
                    float: left;
                    span {
                        float: left;
                        font-family: PingFangSC-Medium;
                        font-size: 24px;
                        color: #c9d6de;
                        letter-spacing: 0;
                        line-height: 24px;
                        margin-left: .4rem;
                        margin-top: 6px;
                    }
                }
            }
        }
    }
}